<template>
  <div class="app-container">
    <el-tabs v-model="tabValue">
      <el-tab-pane label="项目总览" name="dashboard">
        <Dashboard v-if="tabValue === 'dashboard'" />
      </el-tab-pane>
      <el-tab-pane label="工作总结" name="summary">
        <Summary v-if="tabValue === 'summary'" />
      </el-tab-pane>
      <el-tab-pane label="成员任务" name="member">
        <Members v-if="tabValue === 'member'" />
      </el-tab-pane>
      <el-tab-pane label="饱和度" name="saturation">
        <Saturation v-if="tabValue === 'saturation'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Dashboard from './components/dashboard'
import Members from './components/members'
import Summary from './components/summary'
import Saturation from './components/saturation'

export default {
  name: 'ProjectDetail',
  components: {
    Dashboard,
    Members,
    Summary,
    Saturation
  },
  data() {
    return {
      tabValue: 'dashboard'
    }
  }
}
</script>

<style scoped>
</style>
